<template>
    <div class="screen-body">
        <s-header></s-header>
        <div class="screen-nav-wrap">
            <s-nav></s-nav>
        </div>
        <div class="screnn-container">
            <router-view ></router-view>
        </div>
    </div>
</template>
<script>
import delegate from './js/event.js'
import SHeader from './header/Header.vue';
import SNav from './nav/Nav.vue';
export default {
    data() {
        return {
        }
    },
    components: {
        SHeader,
        SNav,
    },
    mounted () {
        
    },
}
</script>

<style lang="scss">
    .screen-body {
        position: relative;
        width: 1920px;
        min-height: 100vh;
        background: #0b0626;
        overflow-x:hidden;
        .screen-nav-wrap{
            position: absolute;
            padding-top: 12px;
            padding-left: 8px;
            top: 61px;
            left: 0;
            width: 130px;
        }
        .screnn-container{
            position: relative;
            margin-left: 130px;
           // background-color:#fff;

        }
    }
</style>
